<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>订单</title>
    <link rel="stylesheet" href="../css/base.min.css">
    <link rel="stylesheet" href="../css/order.min.css">
    <link rel="stylesheet" href="../util/font_al/iconfont.css">
    <script src="../util/jQuery/jquery-3.5.1.min.js"></script>
    <script src="../js/adjust.js"></script>
    <script src="../js/order.js"></script>
</head>
<body>
    <div class="container">
        <!-- 主要内容 -->
        <header>
            <a class="iconfont icon-jiantou1" id="prev"></a>
            <p>确认订单</p>
        </header>
        <div id="main">
            <div class="left">
                <img src="../images/movie.png" alt="">
            </div>
            <div class="right">
                <ul>
                    <li class="order">
                        订单号：72132342241
                    </li>
                    <li class="name">
                        哥斯拉大战金刚
                    </li>
                    <li class="map">
                        成都双楠电影城•英文2D
                    </li>
                </ul>
            </div>
        </div>
        <div id="boder">
            <div class="list-one">
                <ul>
                    <li>
                        观影日期
                    </li>
                    <li class="startDay">
                        2020-04-16 星期一
                    </li>
                    <li>
                        座位
                    </li>
                    <li class="seat">
                        <div class="s1">
                            F4
                        </div>
                        <div class="s1">
                            F5
                        </div>
                        <div class="s1">
                            F6
                        </div>
                    </li>
                    <li>
                        总价
                    </li>
                    <li class="price">
                        ￥120.00
                    </li>
                    <li>
                        优惠
                    </li>
                    <li class="discount">
                        -￥0.00
                    </li>
                </ul>
            </div>
            <div class="list-two">
                <ul>
                    <li>
                        时间
                    </li>
                    <li class="hour">
                        19:00
                    </li>
                    <li>
                        座位总数
                    </li>
                    <li class="seatNum">
                        3
                    </li>
                    <li>
                        服务费
                    </li>
                    <li class="service">
                        ￥3.00
                    </li>
                </ul>
            </div>
        </div>
        <div id="pay">
            <ul>
                <li>
                    <span>总计</span>
                    <span class="needPay">￥123.00</span>
                </li>
                <li>
                    <button class="goPay">去支付</button>
                </li>
            </ul>
        </div>
        <div id="payNow">
            <ul>
                <li>
                    <a href="javascript:;" class="iconfont icon-jiantou1" id="prev"></a>
                    支付
                    <a href="javascript:;">退出支付</a>
                </li>
                <li>
                    <div class="card">
                        <ul>
                            <li>
                                <span>信用卡</span>
                                <img src="../images/招商银行.png" alt="">
                            </li>
                            <li>
                                <span>
                                    •••• •••• •••• •••• 1234
                                </span>
                            </li>
                            <li>
                               <span>李**</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <span>总计</span>
                    <span>￥123.00</span>
                </li>
                <li>
                    <button class="payfor">立即支付</button>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>